1-
Web Sitesi Hedeflerinizi Belirleyin
—
İşin
başında hedeflerinizi açıkça belirlemek başarının anahtarını oluşturuyor.
Ne maksatla
site yapmak istediğinizi düşünün, örneğin;
—
Verdiğiniz hizmetleri listelemek
—
Ürünlerinizin tanıtımını
yapmak
—
Bir Topluluk Oluşturmak
—
Marka Bilinirliliğini
Artırmak
—
Yerel Arama Sonuçlarında Görüntülenmek (SEO)
—
Sadece Tecrübelerinizi
Paylaşmak (Blog)
Sonra hedef kitlenizi göz önünde
bulundurarak web
sitenize geldiklerinde neler yapacaklarını
düşünün.
Bunlar;
—
Ürün ve hizmetlerinizi
incelemek/satın almak
—
Yazdığınız bir yazıyı okumak
—
Bir dosya indirmek
—
Sitenizdeki telefonu aramak
—
Yorum bırakmak
—
Sayfalarınızı sosyal medyada paylaşmak
2-
Hedef Kitlenizi Tanımlayın
—
Hedef kitlenizi somut
bir şekilde tanıyor musunuz?
Hedef kitlenizin özelliklerini düşünmek için mutlaka
zaman ayırın.
—
Onların
kim olduğunu anlamak
için demografik ve psikolojik nitelikleri size yardımcı
olacaktır.
Müşterilerin isteklerini belirleyin
—
Bizimle iş yapmak isteyen birisi neden web sitemize
gelir? Sitemize geldiğinde neyi kolayca bulmak ister?
4-
Sektördeki Örnekleri İnceleyin
Sektörde bulunan diğer markaları incelemek genel eğilimleri görmemize
imkan verir. Bu web sitelerini incelerken aşağıdaki soruları akılda tutmak
işinize yarayacaktır:
—
Bizimle aynı
işi yapan büyük firmalar web sitelerinde neler yapmışlar?
—
KOBİ’ler neler yapmışlar?
—
Yurtdışında neler yapılmış?
—
Neler yapılmamış ve anlamlı
boşluklar var?
5-
Sitenizin Görünümüne Karar Verin
—
Renkler, fontlar ve görseller sitenizin şeklini
oluştururlar. Ancak bunca detaya
girmeden önce
sitenizin ziyaretçilere
ne hissettireceğine karar verin İçerik Gereksinimlerinizi Tespit Edin
—
Web sitenizi
yapmaya başlamadan önce sitenizde ne kadar bilgi
yayınlayacağınızı bilmeniz gerekir.
Renk Karmaşasından Kaçının
—
Renkler bir web sitesi
için en önemli
unsurlardan bir tanesidir.
Bu sebeple, çok fazla renk kullanımından kaçının.
—
Genel olarak sitede
kullanılacak olan logonun renkleri, ana
renk teması olarak seçilebilir.
—
Birbirine uyumlu olacak
şekilde mümkün olduğu
kadar az
renk
kullanmaya özen gösterin.
—
Aksi takdirde sitenin
görünümü çok karmaşık bir hal
alabilir. Bu da siteye gelen ziyaretçileri yorarak siteden ayrılmalarına sebep olabilir.
—
Renklerinizi seçerken birbiri ile uyumlu, gözü
yormayan, okunması kolay yazı renkleri seçilmelidir ve çok fazla
renk kullanılmalıdır.
Okunabilir Fontlar Kullanın
—
Sitede yazının önemi cok büyüktür.
Yazıyı s e ç m e d e n önce başlıca
dikkat edilmesi gereken hususlar
vardır:
—
Okunabilirlik
—
Boyut
—
Diğer fontlar ile uyum
—
Font stili
—
Genel web tasarım
Site İçi Yönlendirmelere Dikkat Edin
—
Web sitenizi ziyaret eden
kişiler, bulundukları
sayfalardan diğer sayfalara en kısa yoldan
gitmek isterler. Bunun
için tüm sayfalarda; anasayfaya
ve diğer sayfalara
giden bağlantılar vermek
faydalı
olacaktır. Bu şekilde ziyaretçiler sayfalar
arasında en hızlı şekilde dolaşabilecektir. Bu da sitenizi ziyaret eden kişilerin, sitede akıcı bir şekilde dolaşmasını
sağlayacaktır.
—
Site içinde gezinme kolay olmalı
bir sayfadan diger
sayfalara geçmek için en kısa yolu ziyaretçilere
sunmalısınız.
—
Sayfalara geçişler
kolay olmalı ve ziyaretçiye kolaylık sağlamalıdır.
—
Sitede
dolasan kişilerin rahat ve hızlı
bır şekilde geçis yapabilecektir.
Web Tasarımı ile Kullanıcılar için Bir
Harita olabilir ve onları
yönlendirebilirsiniz!
İnternet
gezintisi yapan kullanıcılar sizin çok özenle
sitenize koyduğunuz her şeyi tek tek okumaz aksine
bu eylemden
sıkılır. Bu sebeptendir ki sitenizde en çok
neye dikkat edilmesini istiyorsanız o kısmı sitenizde
ön plana çıkarmalı ve çekici hale getirmelisiniz
Bir Web Sitesinde En çok Dikkat
Çeken
Kısım: Sol – Üst Köşe
Bir sitede en çok
dikkat edilen yer sol üst köşedir, bu da
okuma alışkanlığımızdan gelir. Bu sebeple biz de dahil
bir web siteye girdiğimizde sitenin her zaman
en üst kısmına bakarız ve başlıklarla veya görsellerle
yönlendirilmeyi bekleriz.
Bu
nedenle yapılacak en önemli şeylerden biri, logoyu veya
sitenin ismini sol köşede bir yerlere iliştirmek olacaktır.
Web sitenizi yayınlamadan önce kontrol
etmeniz gerekenler
Breadcrumb
Breadcrumb, Türkçe adıyla “sayfa işaretleri yolu”, kullanıcıların ve arama
motoru botlarının sitemizde yer alan hiyerarşiyi anlamasına ve bu yapı
çerçevesinde hareket etmesine yardımcı
olan bağlantılar kümesine verilen isimdir.
Alt kategorilerden oluşan bir sitenin daha hızlı gezilebilmesini
sağlayan bir sistemdir.
Heading Tags (Başlık
Etiketleri) ve Kullanımı – H1,H2…H6
• Başlık
etiketleri arama motorlarına sayfanızın önem derecesine göre
kategorilendirilmiş olduğunu belirterek, en önemli ve daha az öneme sahip
kısımları belirtir.
• H1
etiketi ile başlayıp önem derecesine göre H6 etiketine kadar devam eden
başlıklardır.
• Hiyerarşi
takip edilemlidir.
• Anahtar
kelime
IMG (Görsel) Etiketi
—
IMG etiketi, sayfada kullanılan görsellere ait etiket
alanıdır.
—
Görsellerinizin arama
motorlarına indexlenmesi için
kullanımı
gereklidir.
—
Ayrıca arama motorlarında görseller
kısmında sayfanızın çıkmasını sağlamak için kullanılması gerekir.
—
Sayfanızdaki görsellerde mutlaka alt etiketi
kullanılmalı.
Örnek
IMG etiket kullanımı;
<img src=”image keyword.imaj uzantısı” alt=”alt
etiketi” width=”100” height=”100 “>
SEO Açısından URL’lerin Kullanımında Dikkat Edilmesi Gerekenler
Oluşturacağınız
URL’lerin içerisinde etkisiz eleman
kullanmamaya özen gösterin.
Yani “ve”, “ki”, “ama”, “mi” ve benzeri kelimeler URL’nin gereğinden
fazla uzamasına neden olmaktadır.
Oluşturacağınız URL’nin kısa
ve anlaşılır olmasına dikkat edin.
URL’nin anlaşılır olması ve anahtar kelimelerinizi içermesi SEO
açısından önemlidir.
URL içerisinde yer verilecek özel karakter
(-,_,-,#,?) kullanımına
dikkat edin.
Mümkün olduğunca kullanıcı
dostu ve SEO uyumlu bir URL yapısı kurgulamanızgerekiyor.
Tabiri caizse URL yapıları kullanıcıyla “konuşmalıdır”.
siteadresi.com/kategori-adi
siteadresi.com/urun-adi
siteadresi.com/hizmet-adi
—
Title parametresi ve site
linki kullanın.
<a
href=”https://www.example.com/index.html” title=” icerik”>Anasayfa</a>
—
Güvendiğiniz ve vermek
istemediğiniz linkleri
rel=”nofollow”
olarak belirtin.
<a
href=”https://www.example.com/index.html” rel=”nofollow”>Anasayfa</a>
— Web
sayfalarının başlık
çubuğunda siteyi tanımlayacak
küçük resim/logolara favicon denir.
Meta Tag(Etiketi) Nedir, Nasıl Olmalıdır?
—
Web sayfalarının bilgi etiketleridir.
—
HEAD etiketleri arasında yer alırlar.
—
Kullanıcılara ve arama motorlarına
içerik ve sayfa yapısı
hakkında önbilgi sunmak için kullanılırlar.
Title Etiketi
Sayfanın
başlığını verir ve Google açısından en önemli
etikettir.
—
Title etiketi 64 karakterden fazla
olmamalıdır.
—
Title etiketinde özel karakterler kullanılmamalıdır.
—
Aynı
başlık
birden fazla sayfada kullanılmamalıdır.
—
Html kodlama içerisinde <head> </head> etiketleri
arasında
olmalıdır.
—
Title
etiketleri sayfa içeriğiyle anlamsal olarak birebir
uyuşmalıdır.
—
Anahtar
kelime yerleşimi: En
önemli kelimelerinizin başlık etiketinde birincil olması gerekir;
ikinci plandaki kelimeleriniz sonrasına eklenmelidir.
—
Marka adı:
Şirketinizin, web sitenizin adı önemli
anahtar kelime öbeklerinin bir
parçası değilse, başlık
etiketinin sonuna koyun.
—
Başlık etiketlerini çoğaltmayın: Her sayfa için farklı
yazılması gerekir. Bir sayfada kullanmış olduğunuz başlık etiketini bir başka sayfada
kullanmayın. Eğer
kullanırsanız, sitenizin arama
görünürlüğü negatif
yönde etkilenecektir.
—
Alakalı olmalı:
Başlık etiketleri sayfadaki içerik ile
doğru bir şekilde tanımlamalıdır.
—
Anahtar
kelime listelemesi yapmayın: eş anlamlı yada kendisini tekrar eden
kelimeleri kullanmaktan
kaçının. Başlık etiketleri söz konusu olduğunda,
anahtar kelime yığını
kullanma Google tarafında suçtur ve cezalandırılmak kaçınılmazdır.
Meta Description (Açıklama) Kullanımı
—
Sayfa ile ilgili
açıklama girilen kısımdır.
•
Anahtar
Kelime Kullanımı: Sayfanız için
belirlediğiniz anahtar kelimeyi açıklamanızda geçirmeyi,
SEO uyumlu title yazarken ihmal etmediğiniz gibi
description yazarken
de ihmal
etmemelisiniz. Arama
yapan kullanıcı, description içerisinde arattığı anahtar kelimeyi bold olarak görecektir.
—
Spam Gibi Gözüken
Descriptionlardan
Kaçının: Description’larınızı
yazarken okuyucuların işine yaracak bilgiler yazmayı deneyin. Arama
motorları için
değil, insanlar için açıklama yazın. Anahtar kelime yoğunluğu çok fazla olan description’lar spam olarak algılanabilir.
—
Meta Description
İdeal Uzunluğu: Meta description, fazla uzun yazılırsa arama sonuçlarında
fazla kısım kesilerek
gösterilmektedir. İdeal uzunluğu
135-160 karakter arasındadır.
—
Özgün Meta Description Yazın: Her sayfa için özgün
description yazmalısınız. Bir çok sayfada aynı description’ı kullanmak,
Google tarafından kopya içerik olarak değerlendirilecektir.
—
Meta Robots Etiketi ve İndeksleme
—
Meta Robots
etiketi Google ve diğer arama motorlarına
web sayfasının indekslenmesi veya indekslenmemesi , ve linklerin takip edilmesi veya takip
edilmemesi
kararını ilettiğimiz etiketlerdir.
—
Arama motorları
botları web sayfalarına geliyorlar, indeksleyip kendi veri tabanlarına kayıt ediyorlar. Eğer biz web sayfamızın arama sonuçlarında gösterilmesini istemiyorsak, meta
robots etiketini kullanabiliriz.
Meta Robots Etiketi Index ve Noindex
—
Meta robots
etiketi içerisinde “index” komutunu kullanır
isek , arama motoru sayfayı indeksleyecek, veri tabanına kayıt edecek ve arama sonuçlarında gösterecektir.
—
<Meta Name=”Robots” Content=”INDEX”>
—
”noindex”
komutunu kullanır isek
, arama motoru
web sayfasını arama
sonuçlarında göstermeyecektir. Dikkatli şekilde kullanılmalıdır, aksi
takdirde web sayfamızını
arama sonuçlarında gösterilmemesine sebep olabilir.
—
<meta name=”robots” content=”noindex” />
—
Meta Robots Etiketi Follow ve NoFollow
—
Arama motorları webi linkleri
takip ederek tarar
ve
indekslerler.
—
Meta Robots etiketini “follow” komutu ile kullanırsak
Google web sayfasındaki tüm linkleri takip
edecek , değer
aktarımını yapacaktır.
—
NoFollow komutu ile de , Google web sayfası
üzerindeki
linkleri takip
etmeyecek, herhangi
bir link değeri aktarımı yapmayacaktır.
—
<Meta Name=”Robots” Content=”INDEX, NOFOLLOW”>
Canonical Kullanımı
—
Sitenizde
tekrar eden sayfaların ve içeriklerin kopya olmadığını arama motorlarına bildirmek için kullanılır. Canonical etiketi, tekrar
edilen veya birbirine benzer
içeriklere sahip olan
sayfalar arasından, arama sonuçlarında tek bir sayfanın gösterilmesini
sağlamak
amacıyla kullanılmaktadır.
Örnek Canonical etiket kullanımı;
Mobil Uyumluluk
—
Tüm dünyada mobil kullanımın masaüstü kullanıma göre artması ile arama motorları da bu duruma
karşı bazı çalışmalar yapmaya başladı.
Responsive Meta Tag / Viewport Kullanımı
—
Responsive viewport meta
tagı, web sayfanızı oluşturan tasarımın
mobil
cihazlara uygun hale getirilmesi için kullanılmaktadır.
—
Width,
cihazın ekran genişliğini; height, cihazın ekran
yüksekliğini ayarlamanıza yardımcı olur. initial-scale, 0 ile 10.0
arası bir değer
girilerek
sayfanın ölçek ayarını yapmanıza olanak tanır.
—
Minimum-scale, maksimum küçültme oranını; maximum-scale,
maksimum büyütme
oranını belirlemenizi sağlar. User-scalable,
Yes veya No değeri
verilerek kullanıcının ekranı küçültme ya da
büyültmesi için vereceğiniz izni
ayarlamanıza olanak tanır.
Örnek viewport meta
tag kullanımı;
<meta
name=”viewport” content=”width=device-width, initial- scale=1.0″>
Görsellerin
Optimizasyonu
—
Site içindeki görselleri optimize edilmesi , sayfa
performansı için en çok dikkat
edilen noktalardan bir tanesidir.
—
İyi ve kaliteli
görseller kullanıcın sayfa oturum
süresini arttırırken, ürün görsel dosyalarının adlarının anahtar kelimeleri içerecek şekilde
yüklenmesi de arama
motoru yazılımlarının görseli anlamlandırmasınaolanak sağlar.
